
<link rel="stylesheet" type="text/css" href="../../../resources/jquery/themes/icon.css">
<link href="../../css/content.css" rel="stylesheet">

<script src="../../global.js"></script>
<script src="AuthoritiesView.js"></script>
<script src="AuthoritiesService.js"></script>
<script src="AuthResourcesMgr.js"></script>

<div class="container">
	<div class="page-header">
		<h1>Authorities Manager</h1>
	</div>
	<div class="easyui-layout" style="width: 100%; height: 508px;">
		<div data-options="region:'west',split:true" title="条目"
			style="width: 46%; padding: 0;">
			<div class="easyui-layout" data-options="fit:true">
				<div data-options="region:'north'"
					style="height: 34px; width: 100%; border: 0; padding: 3px;">
					<a href="javascript:void(0)" class="easyui-linkbutton btn-primary" onclick="refreshItem()">
					<i class="fa fa-refresh"></i> async</a> 
					<a href="javascript:void(0)" class="easyui-linkbutton btn-primary" onclick="refreshItem()">
					<i class="fa fa-undo"></i> clear</a> 
				</div>
				<div data-options="region:'center'" style="border: 0;">
					<ul class="easyui-tree" id="authTree"></ul>
				</div>
			</div>

		</div>
		<div style="padding:8px;"
			data-options="region:'center',iconCls:'Module-mgr-ico'">
			<div style="margin: 6px 0;">
				<a href="javascript:void(0)" class="easyui-linkbutton btn-primary" onclick="doSave()"><i class="fa fa-save fa-trash-o fa-lg"></i> Save</a> 
				<div class="btn-group actionbtn">
                    <a href="javascript:;" class="btn btn-primary"><i class="fa fa-file-excel-o"></i> 导入导出</a>
                    <a href="javascript:;" data-toggle="dropdown" class="btn btn-primary dropdown-toggle" aria-expanded="false">
                        <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="javascript:;"><i class="i"></i> 导出Excel</a></li>
                        <li><a href="javascript:;"><i class="i"></i> 下载Excel模板</a></li>
                        <li class="divider"></li>
                        <li><a href="javascript:;"><i class="i"></i> 导入Excel</a></li>
                    </ul>
                </div>
			</div>
			
			<div class="my-form-group-row" style="">
				<span class="form-group my-form-group" style="width: 38%;">
				&nbsp;&nbsp;<span id="authBYName"></span>权限资源信息
				</span>
				<span class="form-group my-form-group" style="width: 38%;">
				</span>
			</div>
			<form class="form-horizontal" role="form" style="margin:6px;">
				    <ul class="easyui-tree" id="authResourcesTree"></ul>
				</form> 

		</div>
	</div>
</div>

<div class="modal" id="authorities_modal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title"></h4>
			</div>
			<div class="modal-body"></div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary"
					id="authorities_modal_submit">
					<i class="fa fa-save"></i> Save
				</button>
			</div>
		</div>
	</div>
</div>

<div class="modal" id="parent_select_modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
            	<!-- <ul class="easyui-tree"
					data-options="url:'../../services/sys/authoritiesService/findRecords/10/1',method:'get',checkbox:true,animate:true">
				</ul> -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="parent_select_modal_submit"><i class="fa fa-save"></i> Save</button>
            </div>
        </div>
    </div>
</div>

<script>

</script>

<style>
	.tree-title .fa-remove:hover{color:#F00;}
	.my-form-group-row{/*border-top:6px #F90 solid;*/border-bottom: 2px #74c557 solid;background:#F0F2F8}
</style>



